<%-- 
    Document   : editaProducto
    Created on : 16/10/2012, 09:50:16 PM
    Author     : Alberto Ruiz | Roberto Corona
    La siguiente pagina despliega un formulario para actualizar un producto ya guardado
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Editar Producto</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
        <link href="estilo.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="valida.js">
        </script>
        <script type="text/javascript">
            var cancelar = false;
            
            function validaEnviar(){
                if(cancelar){
                    return true;
                }
                
                var campoValidar = document.getElementById('txtNombre');
                var idMensaje = document.getElementById('lblErrorNombre');
                                                
                if(!validaCadena(35, campoValidar, idMensaje, true)){
                    return false;
                }else{
                    idMensaje.innerHTML = '';
                }
                
                campoValidar = document.getElementById('txtTipo');
                idMensaje = document.getElementById('lblErrorTipo');
                if(!validaCaracter(1, campoValidar, idMensaje, true)){
                    return false;
                }else{
                    idMensaje.innerHTML = '';
                }
                
                
                campoValidar = document.getElementById('txtUnidad');
                idMensaje = document.getElementById('lblErrorUnidad');
                 
                if(!validaCadena(3, campoValidar, idMensaje, true)){
                    return false;
                }else{
                    idMensaje.innerHTML = '';
                }
                
                return true;
            }
        </script>
    </head>

    <body>
        <jsp:useBean id="producto" scope="session" class="objetosNegocio.Producto"/>
        <jsp:useBean id="mensajes" class="java.util.HashMap" scope="request" />
        
        <%--Contiene los elementos del encabezado logo y titulo--%>
        <%@include file="WEB-INF/jspf/titulo.jspf" %>
        <div id="contenedor">
             <%@include file="WEB-INF/jspf/menuProductos.jspf" %>
            <div id="contenidos">
                <h2>Editar producto</h2>
                <form method="post" name="form1" action="ActualizarProducto" onsubmit="if(!validaEnviar()){return false;}">
                    <table style="width: 100%">
                        <tr>
                            <td>Clave:</td>
                            <td><input id="txtClave" type="text" readonly="readonly" value="${producto.clave}" name="Clave"/></td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>Nombre:</td>
                            <td><input name="Nombre" id="txtNombre" type="text" value="${producto.nombre}" onchange="validaCadena(35, this, lblErrorNombre, true);" /></td>
                            <td><span class="lblMensaje ${mensajes.Nombre.claseMensaje}" id="lblErrorNombre">
                                &nbsp; ${mensajes.Nombre.mensaje} &nbsp;
                            </span></td>
                        </tr>
                        <tr>
                            <td>Tipo:</td>
                            <td><input name="Tipo" id="txtTipo" type="text" value="${producto.tipo}" onchange="validaCaracter(1, this, lblErrorTipo, true);" /></td>
                            <td><span class="lblMensaje ${mensajes.Tipo.claseMensaje}" id="lblErrorTipo">
                                 &nbsp; ${mensajes.Tipo.mensaje} &nbsp;
                            </span></td>
                        </tr>
                        <tr>
                            <td>Unidad:</td>
                            <td><input name="Unidad" id="txtUnidad" type="text" value="${producto.unidad}" onchange="validaCadena(3, this, lblErrorUnidad, true);" /></td>
                            <td><span class="lblMensaje ${mensajes.Tipo.claseMensaje}" id="lblErrorUnidad">
                                    &nbsp; ${mensajes.Unidad.mensaje} &nbsp;
                             </span></td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>
                                <input type="reset" id="cmbRestaurar" name="cmbRestaurar" value="Restaurar" />&nbsp;				
                                <input type="submit" id="cmbCancelar" name="boton" value="Cancelar" onclick="cancelar=true" />&nbsp;
                                <input type="submit" id="cmbContinuar" name="boton" value="Continuar" />
                            </td>
                            <td>&nbsp;</td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
        <div id="piePagina">
        </div>

    </body>
</html>
